<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:p="http://primefaces.org/ui" >
    <h:head>
        <meta name="viewport" content="width=device-width"/>
        <link rel="stylesheet" href="Data/CSS/content.css" type="text/css"/>
        
    </h:head>
    <h:body >
        
        <h:form id="infoForm" >
            <p:growl id="msgInfo" showDetail="true" life="10000" autoUpdate="true"/>
            <center>
                <label for="title">Administrador de Oracle</label>
            </center>

            <div class="datagrid">
                <table border="0" cellspacing="4">
                    <thead>
                        <tr>
                            <th><label for="subtitle">Nombre de Usuario</label></th>
                            <th><label for="subtitle">host</label></th>
                            <th><label for="subtitle">SID</label></th>
                            <th><label for="subtitle">Opciones</label></th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <td>
                                <h:outputText value="#{conectionBean.user}" />
                            </td>
                            <td>
                                <h:outputText value="#{conectionBean.host}" />
                            </td>
                            <td>
                                <h:outputText value="#{conectionBean.database}" />
                            </td>
                            <td>
                                <p:commandButton value="Logout" action="#{conectionBean.logout()}" ajax="false"/>
                            </td>
                        </tr>
                    </tbody>
                </table>

            </div>

            <br />

            <p:panel header="Estado" style="width: 50%">
                <h:panelGrid columns="2" cellspacing="5">

                    <h:outputText value="Tipo: " style="color: #005C8A"/>
                    <h:outputText value="" />

                    <h:outputText value="Version: " style="color: #005C8A"/>
                    <h:outputText value="#{instanceBean.instance.version}
                                   #{instanceBean.instance.edition}" />

                    <h:outputText value="Nombre de la Instancia: " style="color: #005C8A"/>
                    <h:outputText value="#{instanceBean.instance.instanceName}" />

                    <h:outputText value="Nombre del Host: " style="color: #005C8A"/>
                    <h:outputText value="#{instanceBean.instance.hostName}" />

                    <h:outputText value="#Thread " style="color: #005C8A"/>
                    <h:outputText value="#{instanceBean.instance.threadNum}" />

                    <h:outputText value="Archivador: " style="color: #005C8A"/>
                    <h:outputText value="#{instanceBean.instance.archiver}" />

                </h:panelGrid>
                
            </p:panel>
            
        </h:form>
        
    </h:body>
</html>
